<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>客服工单待办列表</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/renwulist.css" />
    <style>
        

        .organization_list_li_icon{
            margin-top: 2.5rem;
        }
        .aui-content{
            width: 100%;
            overflow: auto;
        }
        /* .fullName {
            height: 1rem;
            line-height: 1rem;
            background: #fff;
            text-indent: 1rem;
            color: #999;
            position: fixed;
            width: 36%;
            margin-left: 32%;
            z-index:99;
        } */
        .new-span-width i{
            font-size: 14px;
            margin-left: 6px;
        }
        .typeitem{
            width: 100%;
            /* background: #f00; */
        }
        .boxtime{
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 0.7rem;
        }
        
        .workheader{
            width: 100%;  
            margin: 0px 0px 10px 0px;
            overflow: hidden;
        }
        .work_con_box_left{
            width: 10%;
        }
        .work_con_box_right {
            width: 100%;
        }
        .work_title_add{
            width: 70%;
            font-size: 0.8rem;
            font-weight:500;
            margin-top: 0px;
        }
        span.top-name{
            font-size: 0.8rem;
            font-weight:500;
        }
        .label-btn-red {
            background: #FFF7EF;
            padding: 0px 3px;
            border-radius: 4px;
            margin-left: 4px;
            font-size: 0.6rem;
            color: #FF7056;
        }
        .label-btn-green {
            background: #d9f0dc;
            padding: 0px 3px;
            border-radius: 4px;
            margin-left: 4px;
            font-size: 0.6rem;
            color: #0b940b;
        }
        .label-btn-blue {
            background: #eef9fd;
            padding: 0px 3px;
            border-radius: 4px;
            margin-left: 4px;
            font-size: 0.6rem;
            color: #289FFF;
        }
        .marginheight {
            margin-top: 0.2rem;
        }
        .work_con_box_left i{
            font-size: 1rem!important;
            color: #666;
        }
        /* .work_con_box_right label.title{
            color:#000;
            font-size: 0.75rem;
            font-weight: 600;
        } */
        .maskbg {
            background: rgba(0,0,0,.3);
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
        .choosebox {
            position: fixed;
            top: 22%;
            left: 0;
            right: 0;
            /* padding: 15px; */
            border-top: solid 1px #eee;
            margin-top: 5px;
            background: #fff;
            padding-bottom: 10px;
            z-index: 999;
            height: 50%;
            
            overflow-y:scroll;
        }
        .showTopstyle{
            width: 50%;
            height: 300px!important;
            top:1.6rem;
            margin: 0 auto;
            border-radius: 6px;
        }
        .topstyle{
            width: 100%;
            height: 48px;
            line-height: 48px;
            text-align: center;
            color: #666;
            border-top: solid 0.5px #f7f7f7; 
        }
        .typestatus{
            width: 18%;
            float: right;
        }
        .work_con_box{
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
            <div id="topheader" class="aui-content headerBox">
                <div class="fullName" id="chooseproject" >
                    <van-dropdown-menu active-color="#1989fa"  class="aui-margin-r-5 new-van-dropdown-menu" >
                        <van-dropdown-item :title="optionTitle" ref="choosetask" > 
                            <van-cell v-for="item in option2" center :title="item.Name" @click="onChooseTask(item)"  class="new-vant-cell"
                            v-bind:class="{'vant-active':item.Type==choosetaskmodel.Type}">
                              <template #right-icon>
                                {{item.Number}}
                              </template>
                            </van-cell>
                          </van-dropdown-item>
                      </van-dropdown-menu>
                      <van-dropdown-menu active-color="#1989fa" class="new-van-dropdown-menu">
                        <van-dropdown-item :title="choosesortmodel.text" ref="choosesort" > 
                            <van-cell v-for="item in option3" center :title="item.text" @click="onChooseSort(item)"  class="new-vant-cell"
                            v-bind:class="{'vant-active':item.value==choosesortmodel.value}">
                            </van-cell>
                          </van-dropdown-item>
                      </van-dropdown-menu>
                    
                    <div class="cl"></div>
                </div>
            </div>

                <section id="main_refresh" class="aui-refresh-content">
                <div class="aui_listbox task " v-if="searchlist.length>0">
                    <div  v-bind:id="'scroll' + item.JpushLogID" :name="'scroll-item'+item.JpushLogID"  class="typeitem" v-for="item in searchlist">
                        <!-- <div class="boxtime">{{item.JpushAddTime}}</div> -->
                        <div class="boxbg">
                        <div class="boxcenter">
                            <div  class="boxarea">
                                <div v-on:click="openGongdan(item)" class="work_con_box mainbox">
                                    <div class="workheader">
                                        <div class="work_title_add ellipsis_one fl">
                                            <div class="boxpic fl" v-if="form.IsWorkOrder==1"><img src="../image/icon/kefu.png"></div>
                                            <div class="boxpic fl" v-if="form.IsWorkOrder==2"><img src="../image/icon/tousu.png"></div>
                                            <span class="top-name" v-if="form.servicetype==1">报修-{{item.TypeName}}</span>
                                            <span class="top-name" v-if="form.IsWorkOrder==2">{{item.TypeName}}</span>
                                        </div>
                                        <div class="typestatus">{{item.AddTime}}</div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_right">
                                            <label>报修位置：{{item.FullName}}</label>
                                        </div>
                                    </div>
                                    <div v-if="form.servicetype==1" class="work_con_box_time marginheight">
                                        <div class="work_con_box_right">
                                            <label>报修区域：{{item.ServiceArea}}<span v-if="item.ServiceFee!=''"
                                                    class="label-btn-green">收费</span></label>
                                        </div>
                                    </div>
                                    <div class="work_con_box_time marginheight">
                                        <div class="work_con_box_right">
                                            <label>
                                                报修时间：{{item.AddTime}}
                                                <span class="label-btn-blue">{{item.ServiceStatusDesc}}</span>
                                                <span v-if="item.ServiceOverTime==1"
                                                    class="label-btn-red">超时</span></label>
                                        </div>
                                    </div>
                                    <div v-if="item.ServiceContent!=''"
                                        class="work_con_box_time marginheight work_con_box_contain ellipsis_two">
                                        {{item.ServiceContent}}
                                    </div>
            
                                </div>

                                <div class="new-btn-bottom" style="border-top:solid 0.5px #f5f5f5; overflow: hidden;">
                                    <div v-if="item.canVisit&&operation.canVisit" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_huifang(item)">
                                        <i class="icon iconfont icon-huifangicon"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>回访
                                    </div>
                                    <div v-if="item.canClose&&operation.canClose" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_open_dialog(item.ID)">
                                        <i class="icon iconfont icon-shoulishibaiicon"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>关单
                                    </div>
                                    <div v-if="item.canSend&&operation.canSend" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_open_chooseuser(item,1)">
                                        <i class="icon iconfont icon-dingxiangpaidan"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>派单
                                    </div>
                                    <div v-if="item.canAccept&&operation.canAccept" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_isShouli(item)">
                                        <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>受理
                                    </div>
                                    <div v-if="item.canAfreshSend&&operation.canAfreshSend" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_open_chooseuser(item,4)">
                                        <i class="icon iconfont icon-zhongxin" style=" font-size: 0.7rem; margin-right: 5px;"></i>重派
                                    </div>
                                    <div v-if="item.canChuidan&&operation.canChuidan" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_open_cuidan(item.ID)">
                                        <i class="icon iconfont icon-dingdanshouli"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>催单
                                    </div>
                                    <div v-if="item.canRefuse&&operation.canRefuse" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_open_nodialog(item.ID)">
                                        <i class="icon iconfont icon-jujue" style=" font-size: 0.7rem; margin-right: 5px;"></i>拒绝
                                    </div>
                                    <div v-if="item.canAcceptOrder&&operation.canAcceptOrder" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_accpet(item)">
                                        <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>接单
                                    </div>
                                    <!-- <div v-if="item.ServiceStatusDesc=='处理中'" class="work_beginbtnty3"><i
                                            class="icon iconfont icon-zhongxin"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>恢复</div>
                                    <div v-if="item.ServiceStatusDesc=='处理中'" class="work_beginbtnty3"><i
                                            class="icon iconfont icon-xietongfuwu"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>协同</div> -->
                                    <div v-if="item.canComplete&&operation.canComplete" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_complete(item)">
                                        <i class="icon iconfont icon-shoulichenggongicon"
                                            style=" font-size: 0.7rem; margin-right: 5px;"></i>完工
                                    </div>
                                    <div v-if="item.canHandle&&operation.canHandle" class="work_beginbtnty3 new-blue-btn"
                                        v-on:click="do_chuli(item)">
                                        <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>处理
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    
                </div>
                <div class="noinfo" id="noorder" v-if="searchlist!=undefined&&searchlist.length==0&&!is_searching">
                    <img src="../image/index/noinfomsg_icon.png" alt="" />
                    <h5><br />暂无相关信息</h5>
                </div>
                </section>




            </div>
        
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="js/customer_renwulist.js"></script>

</html>
